<template>
  <div class="common-layout" >
    <el-container>
      <el-aside width="200px" style="background-color: antiquewhite;">
        Aside
      </el-aside>
      <el-container>
        <el-header style="background-color:black;height: 10vh;">Header</el-header >
        <el-main style="background-color:aqua;height: 80vh;"> <i class="iconfont icon-xuexi"></i>Main</el-main>
        <el-footer style="background-color:azure;height: 10vh;">Footer</el-footer>
      </el-container>
    </el-container>
  </div>
</template>



<script lang="ts">
import { ElLoading } from 'element-plus';
import { defineComponent } from 'vue'

export default defineComponent({
  setup() {

  },
})
</script>
